@charset "utf-8";
/* CSS Document */
#flashs{ position:relative; height:540px; overflow:hidden; width:100% !important;}
#flashs .bd{ width:100% !important;}
#flashs .banerer{ width:100% !important;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; width:100% !important;}
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(images/babot2.png) no-repeat center; right:5%; z-index: 2;}

/*search*/
.search { overflow:hidden; height:155px; background-color:#1b1b1b; margin-top:-155px; position:relative; z-index:100; margin-bottom:1px;}
.search .box1{ overflow:hidden; float:left; border-right:2px solid #313131; width:304px; height:100%;}
.search .box02{ border:none}
.search h4{ font-size:20px; font-weight:normal; color:#fff; text-align:center; margin-top:35px; margin-bottom:30px;}
.search .box1 a{ display:block; width:115px; height:35px; text-align:center; line-height:35px; font-size:13px; color:#fff; float:left; margin-right:10px; background:url(images/s_btn.png) no-repeat center top;}
.search .a01{ margin-left:30px;}
.search .s_box{ overflow:hidden; width:390px; height:100%; background-color:#db8f22;}
.search p{ font-size:14px; color:#fff; margin-left:15px; margin-top:22px; margin-bottom:20px; overflow:hidden;}
.search p b{ display:block; float:left; width:75px;}
.search p em{ display:block; float:left; width:295px;}
.search p a{ font-size:13px; color:#fff; padding:0 10px; line-height:25px; border-right:1px solid #fff;}
.search .ss{ overflow:hidden; width:340px; height:40px; background:url(images/s_box.png) no-repeat center top; margin:0 auto;}
.search input{ overflow:hidden; width:270px; float:left; margin-left:20px; font-size:13px; color:#fff;height:40px;line-height:40px; outline:none; border:none; background:none;}
.search .fdj{ display:block; width:50px; height:40px; cursor:pointer; float:right;}

/*MIM*/
.MIM { overflow:hidden; width:100%;}
.MIM span{ display:block; text-align:center;  font-size:13px;  font-family:Arial}
.MIM h3{ font-size:14px; color:#5c6062; text-align:center; padding-top:25px;}
.MIM h3 b{ color:#2fa991;}
.MIM .Mbox { overflow:hidden; height:370px; position:relative; margin-top:25px; padding-bottom:25px; background-color:#ececec;}
.MIM .Mbox img{ display:block; position:absolute;  left:50%; top:50%; width:0; height:0;}
.MIM .Mbox>div { overflow:hidden; width:380px; position:absolute; display:none;}
.MIM h5{ font-size:20px; color:#262626; margin-bottom:10px;}

.MIM .wen01 h5,.MIM .wen03 h5,.MIM .wen05 h5,.MIM .wen01 p,.MIM .wen03 p,.MIM .wen05 p{ text-align:right;}
.MIM .wen01,.MIM .wen05{ overflow:hidden; padding-right:90px; background:url(images/mim01.png) no-repeat right bottom; padding-bottom:5px;}
.MIM .wen02,.MIM .wen06{ overflow:hidden; padding-left:90px; background:url(images/mim02.png) no-repeat left bottom; padding-bottom:5px;}
.MIM .wen03,.MIM .wen04{ padding-bottom:5px; border-bottom:1px solid #d3d3d2;}
.MIM .wen03{ padding-right:22px;}
.MIM .wen04{ padding-left:22px;}
.MIM .wen01,.MIM .wen03,.MIM .wen05{ left:0;}
.MIM .wen02,.MIM .wen04,.MIM .wen06{ right:0;}
.MIM .wen01,.MIM .wen02{ top:0}
.MIM .wen03,.MIM .wen04{ top:130px;}
.MIM .wen05,.MIM .wen06{ top:260px;}

/*工艺*/
.gongyi{ overflow:hidden; width:100%;}
.gongyi span{ display:block; text-align:center; font-size:13px; font-family:Arial}
.gongyi h3{ font-size:32px; color:#222; text-align:center; padding-bottom:20px; background:url(images/mim_h.png) no-repeat center bottom; margin-bottom:20px;}
.gongyi h3 b{ color:#2fa991;}
.gongyi h3 a{ color:#222;}
.gongyi .gyBox{ overflow:hidden; height:335px; position:relative;}
.gongyi .gyBox img{ display:block; position:absolute;}
.gongyi .img01{ left:380px; top:35px; opacity:0; filter:alpha(opacity=0)}
.gongyi .img02{ left:555px; top:35px; opacity:0; filter:alpha(opacity=0)}
.gongyi .img03{ left:0; top:0; width:0; height:329px; background:url(images/gongyi_tu.png) no-repeat left center;}

/*show*/
.show{  margin:35px auto;}
.show>span{ display:block; text-align:center; font-size:13px; color:#000000; font-family:Arial}
.show h3{ font-size:32px; color:#000000; text-align:center; padding-bottom:20px;background: url(images/mim_h.png) no-repeat center bottom; margin-bottom:35px;}
.show h3 a{ color:#000000;}
.show .showBox{ width:100%; height:270px; position:relative;}
.show .showBox span{ display:block; width:48px; height:48px; position:absolute; top:97px; cursor:pointer;}
.show .s_left{ background:url(images/showBtn.png) no-repeat center top; left:-15px;}
.show .s_right{ background:url(images/showBtn.png) no-repeat center bottom; right:-15px;}
.show .showWin{ overflow:hidden; width:1006px; margin:0 auto; height:270px; position:relative}
.show .showWin ul{ overflow:hidden; position:absolute;}
.show .showWin li{ float:left; width:221px; height:270px; margin-right:30px; text-align:center;}
.show .showWin li:hover img{transform:scale(1.2);}
.show .showWin li p{ font-size:14px; color:#000000; margin-top:20px;}
.show .showWin li a{ text-decoration:none}

/*弹簧特点*/
.products {
    overflow: hidden;
    width: 100%;
    padding: 0px 0px 40px 0;
}
.thtd{ overflow:hidden; width:100%; padding:0px 0px 40px 0;    background: url("images/bg.jpg") repeat;
}
.thtd .tuleft{ overflow:hidden; width:540px; height:516px; background:url(images/thtd_tubg.jpg) no-repeat center; float:left; position:relative;}
.thtd .wenRight{ overflow:hidden; padding-top:25px; float:right; width:600px; height:491px; background-color:#fff;}
.thtd h4{ font-size:20px; border-left:3px solid #fff; padding-left:5px; margin-left:25px; margin-top:30px;}
.thtd h4 a{ color:#fff;}
.thtd h4 p{ font-size:15px; color:#fff; font-weight:normal; margin-bottom:10px; font-family:Arial}
.thtd .tuleft img{ display:block; position:absolute;}
.thtd .tuleft .tu{ left:50%; /*margin-left:-126px; top:40px;*/ top:255px; width:0; height:0}
.thtd .tuleft .yy{ left:50%; margin-left:-130px; bottom:40px; display:none}



/*弹簧生产工艺*/
.thgy{ overflow:hidden; width:100%; height:510px; background:url(images/gongyi_bg.jpg) no-repeat center;}
.thgy span{ display:block; text-align:center; margin-top:40px; font-size:13px; color:#c1c1c1; font-family:Arial}
.thgy h3{ font-size:32px; color:#222; text-align:center; padding-bottom:20px; background:url(images/mim_h.png) no-repeat center bottom; margin-bottom:40px;}
.thgy h3 b{ color:#2fa991;}
.thgy h3 a{ color:#222;}
.thgy .thBox{ overflow:hidden;}
.thgy ul{ overflow:hidden; margin-left:65px; margin-bottom:30px;}
.thgy li{ float:left; width:112px; height:119px; margin-right:45px;opacity:0;filter:alpha(opacity=0)}
.thgy .tu{ display:block; margin-left:50px; width:0; height:121px; }

/*支持*/
.zhichi{ overflow:hidden; width:1170px; margin:0 auto; margin-bottom:25px; }
.zhichi span{ display:block; text-align:center; font-size:13px; color:#c1c1c1; font-family:Arial}
.zhichi h3{ font-size:14px; color:#5c6062; text-align:center; background:url(images/zhichi_h.png) no-repeat center bottom;}
.zhichi h3 b{ color:#e48305;}
.zhichi h3 a{ color:#222;}
.zhichi .zcBox{ overflow:hidden; width:100%; height:130px; position:relative;}
.zhichi .zcBox span{ display:block; width:48px; height:48px; cursor:pointer; position:absolute; top:40px;}
.zhichi .zcLeft{ background:url(images/showBtn.png) no-repeat center top; left:0;}
.zhichi .zcRight{ background:url(images/showBtn.png) no-repeat center bottom; right:0}
.zhichi .zcWin{ overflow:hidden; width:1006px; height:130px; margin:0 auto; position:relative;}
.zhichi .zcWin ul{ position:absolute; overflow:hidden;}
.zhichi .zcWin li{ float:left; width:156px; margin-right:14px; height:130px; text-align:center}
.zhichi .zcWin li:hover img{transform:scale(1.2);}
.zhichi .zcWin li a{ text-decoration:none}
.zhichi .zcWin li p{ font-size:14px; color:#232323; margin-top:15px;}
.zhichi .zcWin li img{ display:block; border:6px solid #e7e7e7;}

/*优势*/
.container2{margin-left: auto;
margin-right: auto;
width: 980px;
font-family: microsoft yahei;}
.db .container h4{ font-size:30px; position:absolute; top:48px;}
.db .container h4 em{ font-weight:normal;}
.db .container .sd1{ color:#fff; left:27px;}
.db .container .sd2{ color:#4d4d4d; left:595px;}
.db{ background:url(images/db.jpg) no-repeat center; height:691px; margin-top:29px;}
.db .container{ position:relative;}
.db .container p{ font-size:16px; color:#000000; position:absolute;}
.db .container p .gp{ color:#189a3e; font-weight:bold;}
.db .container p .rp{ color:#ea1e1e;}
.db .container .pl{ left:45px;}
.db .container .pr{ left:547px;}
.db .container .pd1{ top:440px;}
.db .container .pd2{ top:500px;}
.db .container .pd3{ top:557px;}
.db .container .pd4{ top:617px;}
.ysBox{background-color:#e8e9ed;}
.ysBox .container{ position:relative;}
.ysBox .ys1{ background:url(images/ysbg1.jpg) no-repeat center; height:702px;}
.ysBox .ys2{ background:url(images/ysbg2.jpg) no-repeat center; height:1014px;}
.ysBox .wp{}
.ysBox .wp dt{ color: #373b3a;}
.ysBox .wp dt p{ color:#44c46b;}
.ysBox .wp dd p{ background:url(images/ddbg.png) no-repeat left center; color: #323232;}

.ysBox .ys2 a{ display:block; background:url(images/ysabg.png) no-repeat center; width:110px; height:36px; line-height:36px; text-align:center; font-size:15px; color:#fff; position:absolute; top:212px; left:43px;}
.ysBox .ys2 b{ font-size:25px; color:#fff; position:absolute; left:180px; top:902px;}

.ysBox dl{ position:absolute;}
.ysBox dt{ font-size:30px; color:#373b3a; font-weight:bold; margin-left:55px;}
.ysBox dt p{ font-size:12px; color:#cdcfce; font-weight:normal; text-transform:uppercase;}
.ysBox dd{ margin-top:30px;}
.ysBox dd p{ height:35px; line-height:35px; font-size:15px; color:#302a2a; background:url(images/ddbg.png) no-repeat left center; padding-left:28px;}
.ysBox dd .rp{ color:#000000; font-weight:bold;}
.ysBox dd .yp{ color:#fbfe0f;}


.ysBox .dz{ left:38px;}
.ysBox .dr{ left:535px;}
.ysBox .dw1{ top:150px;}
.ysBox .dw2{ top:405px;}
.ysBox .dw3{ top:50px;}
.ysBox .dw4{ top:430px;}
.ysBox .dw5{ top:720px;}
/*五大优势*/

.gzlc{ padding:35px 0;}
.gzlc h4{ background:url(images/lcg.png) no-repeat center 10px; text-align:center;}
.gzlc h4 em{ color:#000; font-size:24px;}
.gzlc h4 em span{ color:#148a38;}
.gzlc p{ font-size:12px; color:#7e7e7e; text-transform:uppercase; font-weight:normal; margin-top:8px;}
.gzlc img{ display:block; margin-top:20px;}

/*ryzz*/
.ryzz{ overflow:hidden; width:100%; margin:0 auto; background-image:url(images/title05.png); background-repeat:no-repeat; background-position:top center}
.ryzz .menu{ overflow:hidden; width:540px; margin:0 auto; position:relative; height:69px;}
.ryzz .menu ul{ overflow:hidden; float:left; position:relative; z-index:2}
.menu1{ float:left; font-size:20px; width:130px; text-align:center; padding-top:20px;}
.menu1 a{ color:#373b3a; text-decoration:none;}
.cur1 span{ font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.cur1 p{ font-size:22px; font-weight:bold;}
.cur1{ font-weight:bold;  width:280px; text-align:center;color:#70bb3b;float:left;}
.cur1 a{ color:#70bb3b;}
.ryzz .menu em{ display:block; width:100%; height:1px; background-color:#ccc; position:absolute; left:0; bottom:2px; z-index:1}
.ryzz .ryzzBox{ overflow:hidden; width:100%; position:relative; padding:0px; }
.ryzz .ryzzBox span{ display:block; width:48px; height:48px; position:absolute; top:100px;}
.ryzz .ryzzBox .ryleft{ background:url(images/showBtn.png) no-repeat center top; left:0; cursor:pointer;}
.ryzz .ryzzBox .ryright{ background:url(images/showBtn.png) no-repeat center bottom; right:0; cursor:pointer;}
.ryzz .ryWin{ overflow:hidden; width:1140px; height:260px; position:relative; margin:0 auto;}
.ryzz .ryWin ul{ overflow:hidden; position:absolute;}
.ryzz .ryWin li{ float:left; width:233px;  text-align:center; margin-right:17px;}
.ryzz .ryWin li:hover img{transform:scale(1.2);}
.ryzz .ryWin li a{ text-decoration:none;}
.ryzz .ryWin li p{ text-align:center; font-size:14px; color:#191919; margin-top:15px;}




/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}


.cont1 {
    height: 971px;
    overflow: hidden;
    background: url(images/about.jpg) no-repeat top center;
    position: relative;
    z-index: 999;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}

.cont2 {
    width: 1000px;
    margin: 0 auto;
}

.about .content {position: relative;height: 971px;}
.about h3 {
    font-size: 18px;
    color: #c30d22;
    font-weight: 500px;
}

.zj_bg {
background: url(images/mimBg.jpg) no-repeat center top;
}


.liuyan { overflow:hidden; width:100%; height:490px; background:url(images/liuyan_bg.jpg) no-repeat center bottom;}
.liuyan .lcbox{ overflow:hidden; width:340px; height:450px; background:url(images/liuyan_wbg.png) repeat center;}
.liuyan h3{ text-align:center; font-size:24px; color:#fff; margin-top:30px; margin-bottom:10px;}
.liuyan p{ font-size:16px; color:#fff; text-align:center; background:url(images/liuyan_h.png) no-repeat center; line-height:35px; margin-bottom:17px;}
.liuyan ul{ overflow:hidden; width:300px; margin:0 auto;}
.liuyan li{ float:left; width:138px; height:33px; border:1px solid #808080; margin:5px;}
.liuyan li span{ display:block; float:left; width:40px; height:33px; border-right:1px solid #808080;}
.liuyan input{ float:left; width:87px; height:33px; line-height:33px; border:none; outline:none; background:none; padding:0 5px; font-size:14px; color:#fff;}
.liuyan .litext{ overflow:hidden; width:288px; height:148px;}
.liuyan .litext span{ height:148px;}
.liuyan textarea{ width:227px; height:128px; padding:10px; border:none; outline:none; resize:none; background:none; font-size:14px; color:#fff}
.liuyan .span01{ background:url(images/liuyan01.png) no-repeat center;}
.liuyan .span02{ background:url(images/liuyan02.png) no-repeat center;}
.liuyan .span03{ background:url(images/liuyan03.png) no-repeat center;}
.liuyan .span04{ background:url(images/liuyan04.png) no-repeat center;}
.liuyan .span05{ background:url(images/liuyan05.png) no-repeat center;}
.liuyan .last{ border:none; width:100%; margin-top:10px;}
.liuyan em{ display:block; width:140px; height:35px; text-align:center; line-height:35px; font-size:16px; float:left; float:left; cursor:pointer;}
.liuyan .em01{ background-color:#67b92c; color:#fff; margin-right:10px;}
.liuyan .em02{ background-color:#cecece; color:#333;}


.down1 {
    background: #000 url(images/down_bg2.png) repeat-x;
    margin-top: 0px;
    height: 450px;
}
.down {
    width: 100%;
    background-color: #373b3a;
    background-repeat: repeat-x;
    margin: 10px auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.link{
width:1188px; margin:0 auto; height:65px; line-height:65px; color:#FFFFFF;
}
.link a{color: #fff;}
.about1 {
    width: 1188px;
    height: 210px;
    margin: 0px auto;
}
.aboutnav{width:200px; height:220px; float:left; border-right:1px dashed #ffffff; margin-left:30px;}
.aboutnav dl{width:100%; height:30px; line-height:30px; text-align:left; color:#FFF; font-size:16px; margin-top:10px; margin:0px; padding:0px;}
.aboutnav dt{width:70px; height:26px; line-height:26px; text-align:left; color:#6b6869; font-size:14px; float:left }
.aboutnav ul{width:200px; float:left; margin:0px auto;}
.aboutnav ul li{margin-left:0px;height:26px; line-height:26px; text-align:left; color:#70bb3b; font-size:14px;text-indent:0px;}
.aboutnav ul li a{color:#70bb3b;}

.lianxi{width:1188px; margin:0px auto; margin-top:20px;}
.lianxi,.lianxi_left,.lianxi_right{ height:120px;}
.lianxi_center{
width:290px;margin-top: 45px;
}
.lianxi_left{width:500px;}
.lianxi_right{width:380px;}
.lianxi_right_img{max-width:150px;max-height:150px;background-image:url(images/static/erweima.jpg); margin:10px 0 0 0; float:left}
.lianxi_right_img img{max-width:120px;max-height:120px;float:left;}
.lianxi dl{width:100%; height:30px; line-height:30px; font-size:14px; color:#FFF; text-align:left}
.lianxi dt{width:100%; height:25px; line-height:25px; font-size:14px; color:#ffffff; text-align:left}
.weixing{width:220px; height:80px; float:left; margin:10px 0 0 10px; color:#ffffff; font-size:14px; line-height:22px; padding-top:20px;}


.s_bg { height:69px; line-height:69px;  background-color: #dddddd;}
.h_ser { width:1000px; margin:0 auto;}

.s_inp {  margin-top:20px;}
.inp01 { background:url(images/s_inp.gif) no-repeat; width:238px; height:30px; line-height:30px; padding:0 5px; border:none; float:left; font-size:12px; color:#6f6f6f; font-family: "Microsoft Yahei"; outline:none;}
.h_ser p { float:left; width:670px; overflow:hidden; color:#777;}
.h_ser p a { padding:0 6px; color:#777;}
.h_ser p a:hover { color:#ee7c1c;}

.pp_bg { background:url(images/pp_bg.gif) no-repeat center bottom; height:648px; margin:60px 0 0;} 
.pp_top { text-align:center;}
.pp_top a em { display:block; font-size:14px; color:#333; line-height:25px; padding-top:10px;}
.pp_con { padding:60px 0 0; text-align:center;}
.pp_top a:hover img{filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}



.content{
    width: 1200px;
    margin: 0 auto;
}
.photo h3 {
    text-align: center;
    color: #353535;
    font-size: 28px; font-weight:bold;
    margin-bottom: 45px; padding-top:15px;
}
.photo_con {
    height: 372px;
}
.photo_con p{width: 758px; margin: 0 auto;}
.photo_con p img{display: block; width: 758px; height: 403px;}
.photo_con span{display: block; text-align: center; font-size: 14px; margin-top: 20px;width:748px;text-align:center;}

.photo .prev,.photo .next{ width:31px; height:97px; display:block; position:absolute;}
.photo .prev{ left:50%; margin-left: -660px; top:225px;  background:url(images/btn2.gif) no-repeat; }
.photo .next{ right:50%; margin-right: -660px;top:225px; background:url(images/btn2.gif) no-repeat -31px 0;}
.photo .prev:hover{ background:url(images/btn2.gif) no-repeat 0 -97px;}
.photo .next:hover{ background:url(images/btn2.gif) no-repeat -31px -97px;}


.fullSlide {width:100%;position:relative;height:540px;overflow:hidden;clear:both;max-width:1920px;margin:0 auto;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:680px;overflow:hidden;text-align:center;background-position:center top;background-repeat:no-repeat;}
.fullSlide .bd li a {display:block;height:540px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:100px;height:8px;margin:1px;overflow:hidden;background:#fff;line-height:999px;}
.fullSlide .hd ul .on {background:#6eb92b;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; height:73px;}
.fullSlide .prev{background:url(images/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(images/right1s.png) no-repeat;}

.ad{height: 260px; background:url(images/ad_bg.jpg) no-repeat center 0; position: relative;}
.ad p {position: absolute; left: 50%; margin-left: -600px; top: 176px;}
.ad p b{ font-size: 20px; color: #2e2e2e; }
.ad p a{display: inline-block; width: 130px; height: 32px; background: #67b92c; color: #fff;  font-size: 16px; font-weight: bold; line-height: 32px; text-align: center; margin-left: 50px;}



.gy_bg { background: url(images/zc_bg01.gif) repeat-x center 0; height:515px; margin:0px;}
.gy_top { text-align:center; padding-top:65px; height:113px;}
.gy_top a:hover {filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.gy_top a em { display:block; font-size:16px; color:#333; padding-top:10px;}
.gy_bg ul li { float:left;}
.gy_bg ul li a { display:block; width:250px; height:140px; color:#333; background:#d9d9d9;}
.gy_bg ul li a:hover { display:block; width:250px; height:140px; background:#009a44; color:#fff;}
.gy_bg ul li a i { display: inline-block; background:url(images/zc_ico01.png) no-repeat; width:43px; height:43px; margin:50px 7px 0 70px; float:left;}
.gy_bg ul li a:hover i { background:url(images/zc_ico02.png) no-repeat;}
.gy_bg ul li a span { display:block; float:left; padding:50px 0 0; font-size:16px; width:70px;}

.gy_bg ul .gy_li02 a,.gy_bg ul .gy_li04 a,.gy_bg ul .gy_li05 a,.gy_bg ul .gy_li07 a{ background:#eaeaea}
.gy_bg ul .gy_li02 a i { background:url(images/zc_ico01.png) no-repeat -248px 0;}
.gy_bg ul .gy_li02 a:hover i { background:url(images/zc_ico02.png) no-repeat -248px 0;}
.gy_bg ul .gy_li03 a i { background:url(images/zc_ico01.png) no-repeat -489px 0;}
.gy_bg ul .gy_li03 a:hover i { background:url(images/zc_ico02.png) no-repeat -489px 0;}
.gy_bg ul .gy_li04 a i { background:url(images/zc_ico01.png) no-repeat -739px 0;}
.gy_bg ul .gy_li04 a:hover i { background:url(images/zc_ico02.png) no-repeat -739px 0;}
.gy_bg ul .gy_li05 a i { background:url(images/zc_ico01.png) no-repeat 0 -139px;}
.gy_bg ul .gy_li05 a:hover i { background:url(images/zc_ico02.png) no-repeat 0 -139px;}
.gy_bg ul .gy_li06 a i { background:url(images/zc_ico01.png) no-repeat -244px -139px;}
.gy_bg ul .gy_li06 a:hover i { background:url(images/zc_ico02.png) no-repeat -244px -139px;}
.gy_bg ul .gy_li07 a i { background:url(images/zc_ico01.png) no-repeat -488px -139px;}
.gy_bg ul .gy_li07 a:hover i { background:url(images/zc_ico02.png) no-repeat -488px -139px;}
.gy_bg ul .gy_li08 a i { background:url(images/zc_ico01.png) no-repeat -739px -139px;}
.gy_bg ul .gy_li08 a:hover i { background:url(images/zc_ico02.png) no-repeat -739px -139px;}

/*科度门窗加盟流程*/
.jiameng{
width:100%; margin:0 auto; background-color:#FFFFFF; padding-bottom:20px;
}
.jm_top { padding:0 0 40px; text-align:center;}
.jm_top a:hover {filter :alpha(opacity=70) ; -moz-opacity: 0.7 ; -khtml-opacity: 0.7 ; opacity : 0.7;}
.jm_con { background:url(images/lc_bg.gif) no-repeat; height:165px;}
.jm_con ul li { float:left; margin-right:43px;}
.jm_con ul .nobor { margin:0;}
.jm_con ul li a { background:url(images/lc_libg01.png) no-repeat; width:165px; height:165px; line-height:165px; text-align:center; display:block; font-size:16px; color:#333;}
.jm_con ul li a:hover,.jm_con ul .cur a { background:url(images/lc_libg02.png) no-repeat; color:#fff;}

.jm_con p { padding:40px 0 0 340px;}
.jm_con span { display:block; margin:30px 0 0 40px; font-size:13px; color:#333; background:url(images/lc_dh.gif) no-repeat 0 5px; padding-left:45px; float:left;}
.jm_con span em { display:block; font-size:26px;}
.jm_con i { display:block; float:left; padding:33px 0 0 30px;}
.jm_con i a { display:block; width:102px; height:32px; line-height:32px; border:solid 1px #333; font-size:14px; color:#333; text-align:center; border-radius:5px;}
.jm_con i a:hover { border:solid 1px #ee7c1c; color:#ee7c1c;}

.content3{
    width: 1000px;
    margin: 0 auto;
}




.title1{ width: 100%;
background-image: url(images/protitle.jpg);
background-repeat: no-repeat;
background-position: top center;
height: 60px;
color: #51af0f;
padding-top: 50px;
text-align: center;}
.title1 a{color:#51af0f;}
.title1 span{ font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.title1 p{ font-size:28px; font-weight:bold;}

.title2{ width:100%; background-image:url(images/title03.png); background-repeat:no-repeat; background-position:top center; height:59px; color:#51af0f;
text-align:center; }
.title2 a{color:#51af0f;}
.title2 span{ font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.title2 p{ font-size:22px; font-weight:bold;}

.title3{ width: 100%;
background-image: url(images/protitle.jpg);
background-repeat: no-repeat;
background-position: top center;
height: 60px;
color: #51af0f;
padding-top: 50px;
text-align: center; }
.title3 a{color:#51af0f;}
.title3 span{ font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.title3 p{ font-size:22px; font-weight:bold;}

.title4{ width: 100%;
background-image: url(images/protitle.jpg);
background-repeat: no-repeat;
background-position: top center;
height: 60px;
color: #51af0f;
padding-top: 50px;
text-align: center;}
.title4 a{color:#51af0f;}
.title4 span{ font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.title4 p{ font-size:22px; font-weight:bold;}

.title5{ width:100%; background-image:url(images/title07.png); background-repeat:no-repeat; background-position:top center; height:59px; color:#51af0f;
text-align:center; }
.title5 a{color:#51af0f;}
.title5 span{ font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.title5 p{ font-size:22px; font-weight:bold;}

.title6{ width: 100%;
background-image: url(images/protitle.jpg);
background-repeat: no-repeat;
background-position: top center;
height: 60px;
color: #51af0f;
padding-top: 50px;
text-align: center;}
.title6 a{color:#51af0f;}
.title6 span{ font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.title6 p{ font-size:22px; font-weight:bold;}

.ysBox h3{ font-size:14px; color:#666666; text-align:center; padding-bottom:20px; background:url(images/zhichi_h.png) no-repeat center bottom;  padding-top:35px;}

.cntrBody p{height:28px;
}




.index-join{ height: 702px;text-align: right; color: #4c4c4c; background:url(images/index-join.jpg) center center no-repeat;}
.index-join .main-box{ width: 1200px; height: 702px;position: relative;}
.main-box {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    *zoom: 1;
}
.index-join p{position: absolute;font-weight: bold; font-size: 18px; }
.index-join span{font-weight: normal; display: block;font-size: 14px;  color: #4c4c4c;padding-top: 6px; width:160px;}
.join1{  top:18px; left: 53px}
.join2{ top:18px; left: 446px;text-align: left;}
.join3{ top:170px; left: -22px;}
.join4{ top:170px; left:530px;text-align: left;}
.join5{ top:325px; left: 57px;}
.join6{ top:325px; left:446px;text-align: left;}
.join7{top:450px; left:46px; }
.join7 em{ margin-right: 144px;color: #fff;}


#join8{top:235px; left: 269px;text-align: center; font-weight: bold; font-size: 30px; color: #fff;}
#join8 strong{ font-size:26px; }
#join8en{top:350px; left: 232px;text-align: center; color: #fff; font-weight: normal; font-size: 16px;}








.w { width:1000px; margin:0 auto; overflow:hidden; }
.l { float:left; }.r { float:right; }
.c { color:#6fba2c; }
#outer {height: 100%; overflow: hidden; position: relative;width: 100%;}
#outer[id] {display: table; position: static;}#middle {position: absolute; top: 50%;}
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%;margin: 0 auto;}


.n_title,.l_title { padding:30px 0px 20px 0px; border-bottom:1px solid; font-weight:bold; font-size:34px; text-align:center; position:relative; }
.n_title em,.l_title em { display:block; font-style:normal; font-weight:normal; text-transform:uppercase; font-size:12px; }
.n_title .l,.n_title .r,.l_title .l,.l_title .r { display:inline-block; float:none; width:156px; height:36px; vertical-align:top; margin:18px; }
.n_title .title,.l_title .title { width:auto; display:inline-block; }
.n_title { color:#ffffff; background:url(images/t_pattern2.png) no-repeat top center; border-bottom-color:#47403e; }
.l_title { color:#000000; background:url(images/t_pattern1.png) no-repeat top center; border-bottom-color:#dfd8c5; }
.n_title .l { background:url(images/l_wing1.png) no-repeat; }.n_title .r { background:url(images/r_wing1.png) no-repeat; }
.l_title .l { background:url(images/l_wing2.png) no-repeat; }.l_title .r { background:url(images/r_wing2.png) no-repeat; }
.n_title span,.l_title span { display:block; position:absolute; width:120px; height:3px; line-height:100%; background:#6fba2c; bottom:-2px; left:50%; margin-left:-60px; }
.mt { overflow:hidden; background:url(images/md_b_line.png) repeat-x left bottom; height:75px; line-height:75px; }
.mt .l { font-size:18px; font-weight:bold; color:#ddd; }
.mt .l font { background:url(images/md_h_line.png) repeat-x center bottom #fff; display:inline-block; }




.storeShow {
    padding-bottom: 34px;
    background: #eeeeee url(images/showbg.jpg) no-repeat top center; height:380px;
}

.showmore{width:164px;height:42px;line-height: 42px;text-align: center;color:#fff;font-size:15px;background-color:#f39801;margin: 0 auto;cursor: pointer;}
.showmore a{color:#FFFFFF}
.content1{width: 1000px;
margin: 0 auto;}
.m5{ width:100%; min-width:1000px;  display:block; }
.m5 .content1 .list { margin-right:-20px; margin-top:20px; overflow:hidden; }
.m5 .content1 .lc { background:url(images/m5_bg.png); margin-top:20px; height:293px; }
.m5 .content1 .lc .title { font-size:32px; height:90px; line-height:90px; border-bottom:1px solid #ddd; margin:0 20px; text-align:center; font-weight:bold; }
.m5 .content1 .lc li { font-size:17px; height:auto; float:left; width:40px; margin:55px 26.7px 0 56px; color:#ffffff; line-height:120%; }
.m5 .content1 .lc li:hover { background:inherit; }


.m6 { width:100%; min-width:1000px; height:170px; display:block; background: url(images/m6_bg.png) no-repeat center center; }
.m6 .tit { font-size:36px; font-weight:bold; color:#353535; } .m6 .l { width:500px; margin:30px 0 0 250px; }
.m6 .con li { background:url(images/m6_ico.png) no-repeat center left; color:#808080; font-size:13px; padding-left:20px; float:left; margin:10px 15px 0 0; }
.m6 .btn { border:2px solid #ff5a00; margin-top:35px; width:220px; height:35px; line-height:35px; font-size:22px; font-weight:bold; text-align:center; border-radius:6px;  }
.m6 .btn a { color:#ff5a00; }
.m6 .tel { margin-left:15px; margin-top:20px; height:44px; background:url(images/telico.png) no-repeat left center; }
.m6 .tel i { margin-left:55px; display:block; font-style:normal; font-size:13px; color:#999; margin-top:0px; margin-bottom:4px; }
.m6 .tel span { margin-left:55px; display:block; font-size:20px; line-height:100%; font-weight:bold; color:#ff5a00; }


.liucheng{
	background: url(images/liucheng.jpg) repeat-x left center;
	height:110px; width:1140px; margin:0 auto; margin:0px;

}
.liucheng li{
	list-style-type: none;
	background: url(images/liucheng_b2.png) no-repeat center center;
	width:110px;
	height:110px;
	margin:5px;
	float:left;
	line-height:140%;	
	color:#FFF;
	text-align:center;
	padding:25px 20px;
	cursor:pointer;
	transition-property:all;
transition-duration:1s;
}
.liucheng li:hover{background: url(images/liucheng_b.png) no-repeat center center;}
.liucheng li:nth-child(odd){
	background: url(images/liucheng_a2.png) no-repeat center center;
	color:#FFF;
}
.liucheng li:nth-child(odd):hover{background: url(images/liucheng_a.png) no-repeat center center;}

.liucheng i{ display:block;}

.liucheng a{color:#FFF;}
.liucheng li:nth-child(odd) a{color:#FFF}

.mc1_wrap{ overflow:hidden;  background:url(images/m1.jpg) no-repeat center top;}
.mc1{ height:829px;  position:relative; font-family:Arial,微软雅黑;}
.layout_w {
    width: 1002px;
    margin: 0 auto;
    text-align: left;
}
.m1_1{ position:absolute; left:0; top:106px;}
.m1_p{ padding:3px 0;}

.sty_g{ color:#bebebe; font-size:14px; text-transform:uppercase;}
.sty_o{  color:#6fba2c; font-size:30px; height:30px; line-height:30px;}

.m1_2{ position:absolute; left:748px; top:106px; width:306px; color:#fff; font-size:16px; line-height:36px; }
.m1_3{ width:668px; position:absolute; left:180px; top:315px; font-size:16px; color:#191919; overflow:hidden;}
.m1_3_lab{ float:right; line-height:52px; font-size:32px; color:#6fba2c; font-weight:bold;}

.m1_4p{ position:absolute; width:250px; height:96px; font-size:14px; line-height:25px;}
.m1_4_1{ left:0; top:410px; text-align:right;}
.m1_4_2{ left:0; top:582px;text-align:right;}
.m1_4_3{ right:-10px; top:410px;}
.m1_4_4{ right:-10px; top:480px;}
.m1_4_6{ right:-10px; top:580px;}
.m1_4_5{ left:313px; top:730px; width:400px; text-align:center;}

.m14_r,.m14_l,.m14_c{ text-align:right; color:#6fba2c; font-size:31px; display:block; line-height:45px;}
.m14_l{ text-align:left;}
.m14_c{ text-align:center;}


/**/
.section3 { background:url(images/tedian.jpg) no-repeat center; background-size:cover}
.section3 h2{ text-align:center; font-size:46px; color:#000000; font-weight:normal}
.section3 p{ text-align:center; font-size:18px; color:#000000; margin:10px 0 5px 0;}
.section3 .tiyan{ overflow:hidden; width:1200px; height:600px; position:relative; margin:0 auto}
.section3 .tiyan>img { display:block; position:absolute; z-index:1}
.section3 .yuan{ left:50%; top:0; margin-left:-282px; z-index:0; animation:yuan infinite linear 20s}
.section3 .xx01{ left:434px; top:63px;}
.section3 .xx02{ right:388px; top:115px;}
.section3 .xx03{ left:465px; top:283px;}
.section3 .xx04{ left:386px; top:146px;}
.section3 .tlogo{ overflow:hidden; width:139px; height:188px; background:url(images/s03-y.png) no-repeat center; position:absolute; z-index:2; left:531px; top:213px;}
.section3 .tlogo img{ display:block; margin:25px auto; animation:tlo 4S infinite linear}
.section3 i{ display:block; position:absolute;}
.section3 .i01{ width:265px; height:122px; background:url(images/s03-x01.png) no-repeat right center; left:171px; top:8px;}
.section3 .i02{ width:255px; height:112px; background:url(images/s03-x02.png) no-repeat left center; right:200px; top:9px;}
.section3 .i03{ width:239px; height:96px; background: url(images/s03-x03.png) no-repeat left center; right:200px; bottom:38px;}
.section3 .i04{ width:269px; height:96px; background:url(images/s03-x04.png) no-repeat right center; left:195px; bottom:38px;}
.section3 .wen{ overflow:hidden; width:232px; height:116px; background:url(images/s03-wen.png) no-repeat center; padding:0px 15px 20px 15px; position:absolute}
.section3 h3{ font-weight:normal; font-size:26px; color:#000000; margin-bottom:10px;}
.section3 span{ display:block; font-size:15px; line-height:20px; color:#000000; padding-top:8px;}
.section3 .wen01{ left:42px; top:106px;}
.section3 .wen02{ right:50px; top:106px;}
.section3 .wen03{ right:50px; bottom:200px;}
.section3 .wen04{ left:42px; bottom:100px;}
.section3 .wen05{ right:50px; bottom:50px; }

